<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>09_选择器-伪类选择器-结构伪类选择器-</title>

        <style>
            /* ul>li:first-child {
                color: aquamarine;
            } */

            /* (7)first-of-type 找到li标签中的第一个元素  */
            /* ul>li:first-of-type {
                color: aquamarine;
            } */


            /* ul li:last-child {
                color: tomato;
            } */

            /* (8) last-of-type */
            ul li:last-of-type {
                color: tomato;
            }
        </style>

    </head>
    <body>
        <ul>
            <span>hahah</span>
            <li>犯错</li>
            <li>两只蝴蝶</li>
            <li>老鼠爱大米</li>
            <li>香水有毒</li>
            <li>求佛</li>
            <span>hahah</span>
        </ul>
    </body>
</html>